<template>
	<view>
		<!-- 可能性1：当前显示登录 -->
		<!-- mode-class：动画模式类，可取值共有7个 —— slide-left：左侧滑入/滑出 -->
		<!-- show：是否显示包含的组件 -->
		<!-- duration：过渡动画的持续时长 -->
		<uni-transition mode-class="slide-left" :show="cur==='login'" :duration="300">
			<xzUserLogin @showChild="cur=$event.childName"/>
		</uni-transition>
		
		<!-- 可能性2：当前显示注册 -->
		<uni-transition mode-class="slide-right" :show="cur==='register'" :duration="300">
			<xzUserRegister @showChild="cur=$event.childName"/>
		</uni-transition>
		
		<!-- 可能性3：当前显示用户档案 -->
		<uni-transition mode-class="slide-right" :show="cur==='profile'">
			<xzUserProfile @showChild="cur=$event.childName"/>
		</uni-transition>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cur: 'login', 			//当前显示哪个组件，current
				// cur: 'register', 	//当前显示哪个组件，current
				// cur: 'profile', 		//当前显示哪个组件，current
			}
		},
		onLoad(){
			//提示：有页签的页面只有第一次显示时才调用onLoad，之后再次显示时不再调用了！！
			//console.log('----用户中心加载完成----')
		},
		onShow(){
			//console.log('=====用户中心页显示出来了=====')
			//如果当前客户端存在“登录原因页”，显示一个吐司对话框
			let loginReason = uni.getStorageSync('loginReason')
			if(loginReason){
				uni.showToast({
					icon:"error",
					title: "请先登录"
				})
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
